        .mmenu{
            position: fixed;
            /*width: 280px;*/
            right: 0px;
            top: 10px;
            font-size: 1.5rem;
            border: 1px solid #c1c1c1;
            border-radius: 6px;
            box-shadow: -3px 3px 6px 0 rgb(0 0 0 / 20%);
            background-color: var(--colorb);
            z-index: 950;
            transform: translateX(283px);
            transition: .3s ease;
        }
        .mmenu.show{
            transform: translateX(0px);
        }
        .mmenu-head{
            margin-top: 6px;
            height: max-content;
            color: var(--colora);

        }
        .mmenu-head > div{
            padding-left:14px ;
            padding-right: 14px;
            height: 34px;
            border-bottom: var(--bordera);
        }
        .mmenu-head > div:first-child{
            height: 82px;
            padding: 0 54px 2px;

        }
        .mmenu-head > div:first-child {
            display: flex;
            margin-left: auto;
            margin-right: auto;
            justify-content:space-evenly ;
            align-items: center;
        }
        .mmenu-head > div:first-child >  div:nth-child(2){
            display:flex ;
            flex-wrap: wrap;
            flex-direction: column;
            text-align: right;
            align-content: space-evenly;
        }
        .mmenu-head > div:first-child >  div:nth-child(2)>div{
            width: 64px;
            padding: 3px 0;

        }
        .mmenu-head > :not(div:first-child) {
            display: flex;
            flex-wrap: nowrap;
            justify-content: space-between;
            align-items: center;

        }
        .mmenu-head > :not(div:first-child) > div:nth-child(2) {
            text-align: right;
        }
        .mmlist{

        }
        .mmnode{
            margin-top: 10px;
            color: var(--colora);
            font-size: 1.3rem;
            border-width: 1px 0;
            border-style: solid;
            border-color: rgb(112 112 112/ 20%);
        }
        .mmnode > div {
            padding-left: 47px;
            height: 50px;
            line-height: 50px;
            font-size: 1.5rem;
            font-weight: bold;
        }
        .mmnode > div:not(:last-child){
            border-bottom: var(--bordera);
        }
        .mmfoot > div{
            display: flex;
            height: 70px;
            padding-left:14px ;
            padding-right: 14px;
            justify-content: flex-end;
            align-items: center;
        }
        .mmlogout{
            width: 50px;
            height: 28px;
            line-height: 26px;
            color: var(--colora);
        }